@import '../../less/config-PC.less';

.addui {
  position: relative;
  .maxwidth(962px);
  border: 1px solid #e7e7eb;
}

.add-fix{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  .maxwidth(962px);
  background-color: #ffffff;
}

.add-fix.active{
  position: fixed;
  left:50%;
  transform:translate(-50%,0);
}

.add-main {
  padding: 84px 200px 80px 0;
}

.add-title {
  width: 100%;
  height: 52px;
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7eb;
  .set-font(middle, 14px, 52px, @text1);
  text-indent: 20px;
}

#editor {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 200px 0 0;
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7eb;
}

.add-console {
  position: absolute;
  top: 52px;
  right: 0;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  height: 500px;
  padding: 20px;
  background-color: #ffffff;
  border:1px solid @border;
}

.add-console-til {

}

.add-console-ite {
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}

.add-floor {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  border-top: 1px solid @border;
}

.add-floor-wra {
  .maxwidth(962px);
  height: 80px;
}

.add-floor-sub {
  float: right;
  margin: 25px 0 0 0;
  .p-btn1(100px, 30px, @blue, 14px, #ffffff);
}

.add-name {
  display: block;
  width: 90%;
  height: 46px;
  margin: 0 auto;
  border: 0;
  border-bottom:1px solid @border;
  .set-font(middle, 22px, 46px, @text1);
}

.add-code{
  display: block;
  width: 90%;
  margin:0 auto;
  min-height: 150px;
  border:0;
  .set-font(middle,14px,20px,@text1);
}

#text {
  display: block;
  width: 90%;
  min-height: 350px;
  margin: 0 auto;
  border-bottom:1px solid @border;
}

#text .w-e-text {
  padding: 0;
  overflow: initial;
}
textarea{
  display: block;
  width: 100%;
  height:100px;
}
